<!DOCTYPE html>
<html lang="en" class="loading">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>Loading...</title>
    <script>
        window.config = {
            "title": "Pines Cheng‘s Blog",
            "user": "Pines-Cheng",
            "repository": "blog",
            "authors": null,
            "token": "4#15c377536a81a3bd9e2a9a8f0173d22e915a923",
            "perpage": 10
        }
    </script>
    <style>
        .error,
        .loading,
        .transition {
            height: 100%
        }
        
        .error body,
        .loading body,
        .transition body {
            height: 100%
        }
        
        #loader {
            text-align: center;
            position: fixed;
            z-index: 3;
            left: 0;
            top: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .3s ease;
            transition: all .3s ease;
            background-color: rgba(255, 255, 255, .9)
        }
        
        .loading #loader {
            opacity: 1;
            visibility: visible
        }
        
        .loading #loader div {
            display: inline-block;
            width: 50px;
            height: 50px;
            vertical-align: middle;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            background-color: #fff;
            -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .15);
            box-shadow: 0 0 3px rgba(0, 0, 0, .15)
        }
        
        .loading #loader div:before {
            content: '';
            width: 26px;
            height: 26px;
            display: block;
            margin: 8px auto 0;
            -webkit-border-radius: 20px;
            border-radius: 20px;
            -webkit-animation: loading 1.5s linear forwards infinite;
            animation: loading 1.5s linear forwards infinite;
            border-top: 4px solid #0089fa;
            border-right: 4px solid #ff002b;
            border-bottom: 4px solid #ffa900;
            border-left: 4px solid #00a753
        }
        
        .loading #loader:after {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle
        }
        
        @keyframes loading {
            100% {
                transform: rotate(360deg)
            }
        }
        
        @-webkit-keyframes loading {
            100% {
                -webkit-transform: rotate(360deg)
            }
        }
    </style>
</head>

<body>
    <div class="page home">
        <div id="user"></div>
        <div id="posts"></div>
    </div>
    <div class="page post">
        <div id="post"></div>
        <div id="comments"></div>
    </div>
    <div id="loader">
        <div></div>
    </div>
    <script type="text/javascript" src="/blog/build.fce125d9.js"></script>
</body>

</html>